
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>数据排行榜</title>
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <link rel="stylesheet" type="text/css" href="view/iwocar5/css/main.css" />
</head>
<body>
<!--    <div class="header">
        <h5>数据排行榜<i class="arrow_l1"></i><em class="arrow_l2"></em></h5>
    </div>-->

    <div class="form-bar">
        <h3 class="pub-title">
            <span>集客排行榜</span>
            <div>
                <span><i class="arrow_b"></i></span>
                <select>
                  <option selected = "selected">今天</option>
                  <option>上周</option>
				  <option>本月</option>
				  <option>今年</option>
                </select>
            </div>
        </h3>
        <div class="form-border">
            <div class="focusClient-form" id="focusClient1-form"></div>
        </div>
    </div>  
    <div class="form-bar">
        <h3 class="pub-title">
            <span>二次销售排行榜</span>
        </h3>
        <div class="form-border">
            <div class="focusClient-form" id="focusClient2-form"></div>
        </div>
    </div> 
    <div class="form-bar">
        <h3 class="pub-title">
            <span>意向客户排行榜</span>
        </h3>
        <div class="form-border">
            <div class="focusClient-form" id="focusClient3-form"></div>
        </div>
    </div> 
    <div class="form-bar">
        <h3 class="pub-title">
            <span>销量排行榜</span>
        </h3>
        <div class="form-border">
            <div class="focusClient-form" id="focusClient4-form"></div>
        </div>
    </div> 
    <div class="form-bar">
        <h3 class="pub-title">
            <span>无效用户排行榜</span>
        </h3>
        <div class="form-border">
            <div class="focusClient-form" id="focusClient5-form"></div>
        </div>
    </div> 
    <div class="form-bar">
        <h3 class="pub-title">
            <span>成交车型排行榜</span>
        </h3>
        <div class="form-border">
            <div class="focusClient-form" id="focusClient6-form"></div>
        </div>
    </div> 


<script src="http://echarts.baidu.com/build/dist/echarts.js"></script>
    <script type="text/javascript">
        // 路径配置
        require.config({
            paths: {
                echarts: 'http://echarts.baidu.com/build/dist'
            }
        });
        
        // 使用
        require(
            [
                'echarts',
                'echarts/chart/bar' // 使用柱状图就加载bar模块，按需加载
            ],
            function (ec) {
                // 基于准备好的dom，初始化echarts图表
                var myChart = ec.init(document.getElementById('focusClient1-form')); 
                
                var option = {
                    calculable : false,
                    xAxis : [
                        {
                            type : 'category',
                            data : ['张三','李勇','张小凡','张伟','陆雪琪','杨明'],
                            axisLine: {lineStyle: {color: '#EEEEEE'}},
                            splitLine : {
                                show : false,
                            },
                        }
                    ],
                    yAxis : [
                        {
                            type : 'value',
                            axisLine: {lineStyle: {color: '#EEEEEE'}},
                        }
                    ],
                    series : [
                        {
                            // name:'蒸发量',
                            type:'bar',
                            barCategoryGap : '50%',
                            itemStyle: {
                                normal: {
                                    color: '#434c53',
                                    label : {
                                        show: true, position: 'top',
                                        textStyle:{
                                            color : '#000',
                                        }
                                    }
                                }
                            },
                            data:[29,26,25,24,20,18]
                        }
                    ],
                    grid : {
                        x : '15%',
                        y : '15%',
                        x2 : '10%',
                        y2 : '20%'
                    }
                };
        
                // 为echarts对象加载数据 
                myChart.setOption(option); 
                window.onresize = myChart.resize;
            }
        );
        
        // 使用
        require(
            [
                'echarts',
                'echarts/chart/bar' // 使用柱状图就加载bar模块，按需加载
            ],
            function (ec) {
                // 基于准备好的dom，初始化echarts图表
                var myChart = ec.init(document.getElementById('focusClient2-form')); 
                
                var option = {
                    calculable : false,
                    xAxis : [
                        {
                            type : 'category',
                            data : ['张三','李勇','张小凡','张伟','陆雪琪','杨明'],
                            axisLine: {lineStyle: {color: '#EEEEEE'}},
                            splitLine : {
                                show : false,
                            },
                        }
                    ],
                    yAxis : [
                        {
                            type : 'value',
                            axisLine: {lineStyle: {color: '#EEEEEE'}},
                        }
                    ],
                    series : [
                        {
                            // name:'蒸发量',
                            type:'bar',
                            barCategoryGap : '50%',
                            itemStyle: {
                                normal: {
                                    color: '#434c53',
                                    label : {
                                        show: true, position: 'top',
                                        textStyle:{
                                            color : '#000',
                                        }
                                    }
                                }
                            },
                            data:[29,26,25,24,20,18]
                        }
                    ],
                    grid : {
                        x : '15%',
                        y : '15%',
                        x2 : '10%',
                        y2 : '20%'
                    }
                };
        
                // 为echarts对象加载数据 
                myChart.setOption(option); 
                window.onresize = myChart.resize;
            }
        );
        
        // 使用
        require(
            [
                'echarts',
                'echarts/chart/bar' // 使用柱状图就加载bar模块，按需加载
            ],
            function (ec) {
                // 基于准备好的dom，初始化echarts图表
                var myChart = ec.init(document.getElementById('focusClient3-form')); 
                
                var option = {
                    calculable : false,
                    xAxis : [
                        {
                            type : 'category',
                            data : ['张三','李勇','张小凡','张伟','陆雪琪','杨明'],
                            axisLine: {lineStyle: {color: '#EEEEEE'}},
                            splitLine : {
                                show : false,
                            },
                        }
                    ],
                    yAxis : [
                        {
                            type : 'value',
                            axisLine: {lineStyle: {color: '#EEEEEE'}},
                        }
                    ],
                    series : [
                        {
                            // name:'蒸发量',
                            type:'bar',
                            barCategoryGap : '50%',
                            itemStyle: {
                                normal: {
                                    color: '#434c53',
                                    label : {
                                        show: true, position: 'top',
                                        textStyle:{
                                            color : '#000',
                                        }
                                    }
                                }
                            },
                            data:[29,26,25,24,20,18]
                        }
                    ],
                    grid : {
                        x : '15%',
                        y : '15%',
                        x2 : '10%',
                        y2 : '20%'
                    }
                };
        
                // 为echarts对象加载数据 
                myChart.setOption(option); 
                window.onresize = myChart.resize;
            }
        );
        
        // 使用
        require(
            [
                'echarts',
                'echarts/chart/bar' // 使用柱状图就加载bar模块，按需加载
            ],
            function (ec) {
                // 基于准备好的dom，初始化echarts图表
                var myChart = ec.init(document.getElementById('focusClient4-form')); 
                
                var option = {
                    calculable : false,
                    xAxis : [
                        {
                            type : 'category',
                            data : ['张三','李勇','张小凡','张伟','陆雪琪','杨明'],
                            axisLine: {lineStyle: {color: '#EEEEEE'}},
                            splitLine : {
                                show : false,
                            },
                        }
                    ],
                    yAxis : [
                        {
                            type : 'value',
                            axisLine: {lineStyle: {color: '#EEEEEE'}},
                        }
                    ],
                    series : [
                        {
                            // name:'蒸发量',
                            type:'bar',
                            barCategoryGap : '50%',
                            itemStyle: {
                                normal: {
                                    color: '#434c53',
                                    label : {
                                        show: true, position: 'top',
                                        textStyle:{
                                            color : '#000',
                                        }
                                    }
                                }
                            },
                            data:[29,26,25,24,20,18]
                        }
                    ],
                    grid : {
                        x : '15%',
                        y : '15%',
                        x2 : '10%',
                        y2 : '20%'
                    }
                };
        
                // 为echarts对象加载数据 
                myChart.setOption(option); 
                window.onresize = myChart.resize;
            }
        );
        
        // 使用
        require(
            [
                'echarts',
                'echarts/chart/bar' // 使用柱状图就加载bar模块，按需加载
            ],
            function (ec) {
                // 基于准备好的dom，初始化echarts图表
                var myChart = ec.init(document.getElementById('focusClient5-form')); 
                
                var option = {
                    calculable : false,
                    xAxis : [
                        {
                            type : 'category',
                            data : ['张三','李勇','张小凡','张伟','陆雪琪','杨明'],
                            axisLine: {lineStyle: {color: '#EEEEEE'}},
                            splitLine : {
                                show : false,
                            },
                        }
                    ],
                    yAxis : [
                        {
                            type : 'value',
                            axisLine: {lineStyle: {color: '#EEEEEE'}},
                        }
                    ],
                    series : [
                        {
                            // name:'蒸发量',
                            type:'bar',
                            barCategoryGap : '50%',
                            itemStyle: {
                                normal: {
                                    color: '#434c53',
                                    label : {
                                        show: true, position: 'top',
                                        textStyle:{
                                            color : '#000',
                                        }
                                    }
                                }
                            },
                            data:[29,26,25,24,20,18]
                        }
                    ],
                    grid : {
                        x : '15%',
                        y : '15%',
                        x2 : '10%',
                        y2 : '20%'
                    }
                };
        
                // 为echarts对象加载数据 
                myChart.setOption(option); 
                window.onresize = myChart.resize;
            }
        );
        
        // 使用
        require(
            [
                'echarts',
                'echarts/chart/bar' // 使用柱状图就加载bar模块，按需加载
            ],
            function (ec) {
                // 基于准备好的dom，初始化echarts图表
                var myChart = ec.init(document.getElementById('focusClient6-form')); 
                
                var option = {
                    calculable : false,
                    xAxis : [
                        {
                            type : 'category',
                            data : ['张三','李勇','张小凡','张伟','陆雪琪','杨明'],
                            axisLine: {lineStyle: {color: '#EEEEEE'}},
                            splitLine : {
                                show : false,
                            },
                        }
                    ],
                    yAxis : [
                        {
                            type : 'value',
                            axisLine: {lineStyle: {color: '#EEEEEE'}},
                        }
                    ],
                    series : [
                        {
                            // name:'蒸发量',
                            type:'bar',
                            barCategoryGap : '50%',
                            itemStyle: {
                                normal: {
                                    color: '#434c53',
                                    label : {
                                        show: true, position: 'top',
                                        textStyle:{
                                            color : '#000',
                                        }
                                    }
                                }
                            },
                            data:[29,26,25,24,20,18]
                        }
                    ],
                    grid : {
                        x : '15%',
                        y : '15%',
                        x2 : '10%',
                        y2 : '20%'
                    }
                };
        
                // 为echarts对象加载数据 
                myChart.setOption(option); 
                window.onresize = myChart.resize;
            }
        );
</script>
</body>
</html>